.icon1 {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    overflow: hidden;
    color: #9b9a9a;;
  }
  .background{
    background-color: rgb(255, 255, 255);
    height: 700px;
  }
  .warp{
    width: 96%;
    margin: 0 auto;
    height: 100%;
  }
  /*签到信息开始*/
  .white-nav{
    width: 100%;
    background-color: #fff;
    height: 170px;
  }
  .icon-signin{
     position: absolute;
     clip: rect(330px 505px 400px 430px);
     left: -350px;
     top: -300px;
  }
.sign-in-text{
    position: relative;
    height: 75px;
}
.times{
    position: absolute;
    left: 10%;
    overflow: hidden;
    clear: both;
    margin-top: 30px;
}
.times>li>p{
    font-size: 20px;
}
.time{
    position: absolute;
    left: 9.7%;
    overflow: hidden;
    clear: both;
    margin-top: 120px;
}
.time>li{
    float: left;
    margin: 0 3.6px;
}
.time>li>p{
    color: #9b9a9a;
    font-size: 14px;
}
  /*签到信息结束*/
  /*签到状态开始*/
  .icon {
    width: 3em;
    height: 3em;
    vertical-align: middle;
    fill: currentColor;
    overflow: hidden;
    color: #4D58B5;
    margin-bottom: 10px;
  }
  .signin-state{
    width: 100%;
    background-color: #fff;
    height: 420px;
    margin-top: 10px;
  }
  .signin-state-detel{
      position: absolute;
      top: 40%;
      left: 50%;
  }
  .signin-state-detel>ul>li>h2{
      color: #4D58B5;
      font-family: "微软雅黑";
      margin-bottom: 5px;
  }
  .signin-state-detel>ul>li>p{
    color: #4D58B5;
  }
  /*签到状态结束*/